<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>2.menu <<=- 1.idle</title>
<link href="../hc.css" rel="stylesheet" type="text/css" />
<style type="text/css" title="">
html
{
padding:0 !important;
padding:26px 0 36px 0;
}
#menu
{
position:absolute;
top:0;
left:0;
width:100%;
height:26px;
}
#mid
{
position:absolute;
top:58px;
left:0;
right:0;
bottom:36px;
width:100%;
height:auto !important;
height:100%;
overflow:auto;
}
#foot
{
position:absolute;
left:0;
bottom:0;
width:100%;
height:36px;
}
.mnu
{
background:url("ui/bg2.gif") repeat-x;
}
</style>
</head>

<body>
<div id="menu">
<div id="menumnu" class="mnu">
    <ul class='xmn lfl'>
        <li class="itm"><a href="#"><img src="icos/45.png" class="ico" /><img src="icos/arwcbo.gif" class="md" style="padding:9px 0 0 4px;" /></a></li>
        <li class="z">&nbsp;</li>
        <li class="itm"><a href="#"><span class="tx">left-part-b</span></a></li>
        <li class="z">&nbsp;</li>
        <li class="itm"><a href="#"><span class="tx">left-part-c</span></a></li>
        <li class="z">&nbsp;</li>
        <li class="itm"><a href="#"><span class="tx">left-part-d</span></a></li>
        <li class="z">&nbsp;</li>
        <li class="itm"><a href="#"><span class="tx">left-part-e</span></a></li>
    </ul>
    <ul class='xmn rfl'>
        <li class='itm'><a href="#"><span class="tx">right-part-a</span></a></li>
        <li class="z">&nbsp;</li>
        <li class='itm'><a href="#"><span class="tx">right-part-b</span></a></li>
        <li class="z">&nbsp;</li>
        <li class='itm'><a href="#"><span class="tx">right-part-c</span></a></li>
        <li class="z">&nbsp;</li>
        <li class='itm'><a href="#"><span class="tx">right-part-d</span></a></li>
        <li class="z">&nbsp;</li>
        <li class='itm'><a href="#"><span class="tx">right-part-e</span></a></li>
    </ul>
</div>
</div>
<div id="mid">
<div id='test2'>
    <div id='mnul' style="float:left;">
        <ul style="list-style:none;float:left;">
            <li style="float:left;"><a href="#"><img src="icos/45.png" class="ico" /><img src="icos/arwcbo.gif" class="md" style="padding:9px 0 0 4px;" /> left-part-menu-a</a></li>
            <li style="float:left;height:80%;border:0;border-left:solid #88a 1px;border-right:solid #eef 1px;margin:1px;margin-top:2px;margin-left:2px;width:0;overflow:hidden;">&nbsp;</li>
            <li style="float:left;"><a href="#"><span class="t">left-part-menu-b</span></a></li>
            <li style="float:left;"><a href="#">left-part-menu-c</a></li>
            <li style="float:left;height:80%;border:0;border-left:solid #88a 1px;border-right:solid #eef 1px;margin:1px;margin-top:2px;margin-left:2px;width:0;overflow:hidden;">&nbsp;</li>
            <li style="float:left;"><a href="#">left-part-menu-d</a></li>
            <li style="float:left;"><a href="#">left-part-menu-e</a></li>
        </ul>
    </div>
    <div id='mnur' style="float:right;">
        <ul style="list-style:none;float:left;">
            <li style="float:left;"><a href="#"><span class="t">right-part-menu-a</span></a></li>
            <li style="float:left;height:80%;border:0;border-left:solid #88a 1px;border-right:solid #eef 1px;margin:1px;margin-top:2px;margin-left:2px;width:0;overflow:hidden;">&nbsp;</li>
            <li style="float:left;"><a href="#">right-part-menu-b</a></li>
            <li style="float:left;"><a href="#">right-part-menu-c</a></li>
            <li style="float:left;height:80%;border:0;border-left:solid #88a 1px;border-right:solid #eef 1px;margin:1px;margin-top:2px;margin-left:2px;width:0;overflow:hidden;">&nbsp;</li>
            <li style="float:left;"><a href="#">right-part-menu-d</a></li>
            <li style="float:left;"><a href="#">right-part-menu-e</a></li>
        </ul>
    </div>
</div>
</div>
<div id="foot">
	<div id="credits">
		<span class="key">1</span>
		<span class="key">2</span>
		<span class="key">3</span>
	</div>
</div>
</body>
</html>
